$(function(){
    // 自定义校验规则
 layui.form.verify({
        rePwd:function(val){
            const pwd =$('.reg-box [name="password"]').val().trim()
            if(pwd !==val){
                return '输入的两次密码不一致'
            }
        },
        // 校验密码长度的验证规则
        pwd:[/^[\S]{6,12}$/,'密码的长度为6-12个字符，且不能包含空格!']
    })
    // 为注册的表单绑定submit事件
    $('.reg-box form').on('submit',function(e){
        // 阻止表单默认提交行为
        e.preventDefault()
        //发送ajax请求
        $.ajax({
            type:'POST',
            url:'http://api-breakingnews-web.itheima.net/api/reguser',
            data:{
                username:$('.reg-box [name="username"]').val().trim(),
                password:$('.reg-box [name="password"]').val().trim(),

            },
            success:function(res){
                if(res.status===0){
                    // 注册成功
                    layer.msg('注册成功，请登录！')
                    // 默认去登陆按钮
                    $('#link-login').click()
                }else{
                    //注册失败
                    layer.msg(res.message)
                }
            }
        })
    })
    // 为登录表单绑定submit事件
    $('.login-box form').on('submit',function(e){
        // 阻止表单默认行为
        e.preventDefault()
        //发起ajax请求
        $.post(
          'http://api-breakingnews-web.itheima.net/api/login',$(this).serialize(),function(res){
            //   console.log(res);
              if(res.status===0){
                  //  登录成功
                  layer.msg('登录成功!')
                  // 吧得到的token的值，存储到localStorage中
                  localStorage.setItem('token',res.token)
                  // 跳转到index页面
                  location.href = './index.html'
              }else{
                  // 登录失败
                  layer.msg('登录失败!')
              }
          }
        )
    })
    // 点击了去注册的链接
    $('#link-reg').on('click',function(){
        // 展示注册盒子
        $('.reg-box').show()
        // 隐藏登录盒子
        $('.login-box').hide()
    })
    // 点击去登录的链接
    $('#link-login').on('click',function(){
        // 展示登录盒子
        $('.login-box').show()
        // 隐藏注册盒子
        $('.reg-box').hide()
    })
})